//首页的数据渲染js
//加载层
let index = layer.load();

//定义函数
async function fn(){
    let bjres = await pAjax({
    url: '../server/scenics.php',
    data: { pid: 99 },
    dataType: 'json',
})
// console.log(bjres);
let {data:bjData} = bjres;
// 手机展示栏左边
let Str = ` <a href="#">
    <img src="${ bjData[0].imgpath}">
</a>
`;
   $('.sjleft').html(Str);
// // 手机展示栏右边
let  bjStr = '';
bjData1 = bjData.splice(1, 8)
bjData1.forEach(v => {
    bjStr += `  <a href="#">
    <img src="${v.imgpath}">
    <p>${v.name} </p>
    <p>${v.name} </p>
    <p>${v.price}</p>
</a>`
});
$('.sjright').html(bjStr);

// 智能穿戴展示
let zncdres = await pAjax({
    url: '../server/scenics.php',
    data: { pid: 98 },
    dataType: 'json',
})
let {data:zncdData} = zncdres;
// 手机展示栏左边
let Str2 = ` <a href="#">
    <img src="${zncdData[8].imgpath}">
</a>
`;
   $('.zncdleft').html(Str2);

//    // 智能穿戴栏右边
   let zncdStr = '';
   zncdData1 = zncdData.splice(0, 8);
   zncdData1.forEach(v => {
       zncdStr += `  <a href="#">
       <img src="${v.imgpath}">
       <p>${v.name} </p>
       <p>${v.name} </p>
       <p>${v.price}</p>
   </a>`
   });
   $('.zncdright').html(zncdStr);


//    <!-- 生活电器 -->
let shdqres = await pAjax({
    url: '../server/scenics.php',
    data: { pid: 97 },
    dataType: 'json',
})
let {data:shdqData} = shdqres;
// 手机展示栏左边
let Str3 = ` <a href="#">
    <img src="${shdqData[0].imgpath}">
</a>
`;
   $('.shdqleft').html(Str3);

//    // 智能穿戴栏右边
   let shdqStr = '';
   shdqData1 = shdqData.splice(1, 8);
   shdqData1.forEach(v => {
       shdqStr += `  <a href="#">
       <img src="${v.imgpath}">
       <p>${v.name} </p>
       <p>${v.name} </p>
       <p>${v.price}</p>
   </a>`
   });
   $('.shdqright').html(shdqStr);

   layer.close(index);
}
fn()
